<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/10/27
  Time: 21:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <title>SCL心理健康登录页面</title>

    <link href="${pageContext.request.contextPath}/static/css/frontlogin.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-3.6.1.min.js"></script>
</head>
<body>
<!-- 这里创建一个表单 将它的样式类名设置为login-form -->
<form action="" class="login-form" id="loginForm">
    <h1>登录</h1>
    <!-- 这里创建用户名框 -->
    <div class="txtb">
        姓名：<input type="text" name="username" id="username">
        <!-- 这里给span标签自定义一个占位符，为了之后的小效果 -->
        <span data-placeholder=""></span>
    </div>
    <!-- 电话号码 -->
    <div class="txtb">
        电话：<input type="text" name="tel" id="tel">
        <span data-placeholder="" ></span>
    </div>
    <div class="txtb">
        邀请码：<input type="text" name="yqcode" id="yqcode">
        <span data-placeholder=""></span>
    </div>
    <!-- 搭建登录按钮和注册连接 -->
    <input type="button" class="logbtn" onclick="userlogin()" value="登录">
</form>

<script>
    /*页面样式*/
    $(function(){
        // 利用jquery监听 焦点 和 失焦两个事件来动态设置样式控制效果
        $(".txtb input").on("focus",function(){
            $(this).addClass("focus")
        })
        $(".txtb input").on("blur",function(){
            if($(this).val() == "")
                $(this).removeClass("focus")
        })
    })

    //对手机号进行校验
    var flag = false;
    $("#tel").on('blur',function(){
        var tel=$("#tel").val();
        var myreg=myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/;
        if(tel == ''){
            alert("手机号码不能为空！");
            $("#tel").focus();//鼠标光标移至对应处
        }else if(tel.length !=11){
            alert("请输入有效的手机号码！");
            $("#tel").focus();//鼠标光标移至对应处
        }else if(!myreg.test(tel)){
            alert("请输入有效的手机号码！");
            $("#tel").focus();//鼠标光标移至对应处
        }else{
            return flag=true;
        }
    })
    //对名字进行非空校验
    var flag1 = false;
    $("#username").on('blur',function(){
        var username=$("#username").val();
        if(username == ''){
            alert("姓名不能为空！");
            $("#username").focus();//鼠标光标移至对应处
        }else{
            return flag1=true;
        }
    })

    /*
        点击登录按钮触发
     */
    async function userlogin(){
        // 根据邀请码获取执行计划的开始时间 和结束时间
        var timestatus=false;
        var telstatus=false;
        // 当前时间在执行计划的时间之内才可以做题
        var code=$("#yqcode").val();
        var urlcode= code.substr(0,3)
        //alert(urlcode)
        var url="";
        if(urlcode=="scl"){
            url="${pageContext.request.contextPath}/tSclSub/index"
        }
        await $.get("${pageContext.request.contextPath}/tSclPlan/getByCode",{code:code},function (d){
            //alert("************"+JSON.stringify(d.data));
            if(d.code==0){
                // 获取 计划的开始时间和结束时间
                //  当前时间在执行计划的时间之内才可以做题
                var plan=d.data;
                timestatus= isDuringDate(plan.begintime, plan.endtime) ;
                // alert("对比之后的时间是:"+status);
            }
        })

        // 电话号码已经做过试题的就不让做了
        var tel=$("#tel").val();
        await $.get("${pageContext.request.contextPath}/tSclRecord/checkTel",{tel:tel},function (d){
            //alert(JSON.stringify(d.data));
            if(d.code==0){
                // 获取 计划的开始时间和结束时间
                // 当前时间在执行计划的时间之内才可以做题
                //alert(d.data==true);
                if(d.data==true){
                    telstatus=true;
                }
            }
        })

        if (flag && flag1){
            // 符合条件就直接登录即可
            if(!timestatus){
                alert("做题的时间还没有到！");
                return;
            }
            else if(!telstatus){
                alert("电话号码已经被使用了！");
                return;
            }else{
                // 将记录添加到数据库 并开始做题

                await $.post("${pageContext.request.contextPath}/tSclRecord/addRecord",$("#loginForm").serialize(),function (d){
                    //alert(JSON.stringify(d))
                    localStorage.setItem("recordid",d.data);
                });
                window.location=url;
            }
        }
    }

    //某个时间段内是否含有这个时间如果含有就返回true 否则就false
    function  isDuringDate(beginDateStr, endDateStr) {
        // alert(beginDateStr+"=="+endDateStr);
        var curDate = new Date(),
            beginDate = new Date(Date.parse(beginDateStr.replace(/-/g,   "/"))),
            endDate = new Date(Date.parse(endDateStr.replace(/-/g,   "/")));

        //alert(curDate >= beginDate && curDate < endDate)
        if (curDate >= beginDate && curDate < endDate) {
            return true;
        }
        return false;
    }
</script>

</body>
</html>